:root {
  --background-color: #e5e5e5;
  --loader_color: #34495e;
  --circle_color: #7591ad;
  --rotate_color: #ec3e27;
  --color1: #ec3e27;
  --color2: #fd79a8;
  --color3: #0984e3;
  --color4: #00b894;
  --color5: #fdcb6e;
  --color6: #e056fd;
  --color7: #f97f51;
  --color8: #bdc581;
}

@media (prefers-color-scheme: dark) {
}

@font-face {
  font-family: 'iconfont';
  src: url('data:application/x-font-woff2;charset=utf-8;base64,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')
    format('woff2');
}
@font-face {
  font-family: 'iconfont2';
  src: url('data:application/x-font-woff2;charset=utf-8;base64,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')
    format('woff2');
}

.iconfont {
  font-family: 'iconfont' !important;
  font-size: 18px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconfont2 {
  font-family: 'iconfont2' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-weibo:before {
  content: '\e625';
}
.icon-sharearrow:before {
  content: '\e71d';
}
.icon-google:before {
  content: '\eeda';
}
.icon-weixin:before {
  content: '\eb59';
}
.icon-tt:before {
  content: '\e60b';
}
.icon-photo:before {
  content: '\e652';
}
.icon-doc:before {
  content: '\e609';
}
.icon-video:before {
  content: '\e93e';
}
.icon-cart:before {
  content: '\e600';
}
.icon-category:before {
  content: '\e601';
}

.icon-my:before {
  content: '\e602';
}

.icon-home:before {
  content: '\e603';
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  font-weight: normal;
}

::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  background-color: #fff;
}
::-webkit-scrollbar-thumb {
  background-color: #ccc;
}

body {
  min-height: 100vh;
  color: var(--color-text);
  background: var(--color-background);
  transition:
    color 0.5s,
    background-color 0.5s;
  line-height: 1.6;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    'Fira Sans',
    'Droid Sans',
    'Helvetica Neue',
    sans-serif;
  font-size: 15px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.flex-h-ss {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.flex-h-es {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.flex-h-cc {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.flex-h-sc {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.flex-h-cs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.flex-h-ec {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.flex-h-se {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.flex-h-ee {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.flex-h-sbc {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.flex-h-sbs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.flex-h-sbe {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: nowrap;
}

.flex-h-ses {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.flex-h-sec {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: nowrap;
}

.flex-h-ssh {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
}

.flex-hw-ss {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
}

.flex-hw-cc {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}

.flex-hw-sc {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}

.flex-hw-sbs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
}

.flex-hw-ses {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
}

.flex-v-cc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.flex-v-cs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.flex-v-sbs {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.flex-v-sbc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}

.flex-v-sac {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  flex-wrap: nowrap;
}

.flex-v-sc {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.flex-v-se {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.flex-v-ec {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.flex-v-ss {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.flex-v-es {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.flex-v-ce {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

/* @media (hover: hover) {
  a:hover {
    background-color: hsla(160, 100%, 37%, 0.2);
  }
} */
